<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/jquery-3.6.4.min.js"></script>
    <script src="../js/load.js"></script>

</head>
<body class="justify-content-center">
<!--所有的内容下面的内容在div里面-->
<!--应该有三个div-->
<div class=" width-1000">
    <div id="top"></div>
    <div class="justify-content-center margin-30-0">
        <div class=" width-900 justify-content-between">
            <div class="news border-gray">
                <div class="title-bar">较新动态</div>
                <div class="border-top justify-content-between">
                    <div class="width-200"><img src="../img/m331.jpg"></div>
                    <div class="width-250 news-content">
                        <div>
                            <div class="single-over font-title">日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                            <div class="single-over font-content">日本较大的抹茶餐饮连锁正式登陆上海,其中</div>
                        </div>
                        <div>
                            <div class="single-over font-title">日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                            <div class="single-over font-content">日本较大的抹茶餐饮连锁正式登陆上海,其中</div>
                        </div>
                        <div>
                            <div class="single-over font-title">日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                            <div class="single-over font-content">日本较大的抹茶餐饮连锁正式登陆上海,其中</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="product border-gray">
                <div class="title-bar">产品展示</div>
                <div class="border-top justify-content-between product-content">
                    <div>
                        <div><img src="../img/11_bo39.jpg"></div>
                        <div class="font-title single-over">家常豆腐</div>
                        <div class="font-content single-over">豆腐半斤，蔬菜若干</div>
                    </div>
                    <div>
                        <div><img src="../img/11_bo39.jpg"></div>
                        <div class="font-title single-over">家常豆腐</div>
                        <div class="font-content single-over">豆腐半斤，蔬菜若干豆腐半斤，蔬菜若干豆腐半斤，蔬菜若干豆腐半斤，蔬菜若干豆腐半斤，蔬菜若干豆腐半斤，蔬菜若干
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="foot"></div>
</div>
</body>
</html>